<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../css/font-icons.css">
		<link rel="stylesheet" href="../../css/iuapmobile.um.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/iuapmobile.um.listview.css">
		<link rel="stylesheet" href="../../css/w_wyf.css"/>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/summer.js"></script>
		<script src="../../js/Frameworks/iuapmobile.frameworks.ui.js"></script>
		<script type="text/javascript" src="../../js/knockout.js"></script>
		<script type="text/javascript" src="../../js/Frameworks/iuapmobile.frameworks.listview.js"></script>
		<script src="js/w_wyf.js"></script>
		<script src="js/w_wybx.js"></script>
		<style type="text/css">
			.um-list .um-list-item-inner:after {
				/*background-color: #FFFFFF;*/
			}
			.um-list .um-list-item-left {
				width: 75px;
			}
		</style>
	</head>
	<body>
		<div class="um-page" id="w_wyf">
			<div id="header" class="um-header">
				<a href="#" class="um-back" onclick="summer.closeWin()"> 返回</a>
				<h3>增值服务</h3>
				<a class="um-header-right f15" href="#wfyDetail">服务记录</a>
			</div>
			<div class="um-content">
				<ul class="um-list f14" style="margin:10px 0px;padding:0 15px;">
					<li class="um-list-item">
						<div class="um-list-item-inner">
							<div class="um-list-item-left tr mr10">
								业主名称
							</div>
							<div class="um-list-item-right">
								<input type="text" class="form-control" value="张三" disabled/>
							</div>
						</div>
					</li>
					<li class="um-list-item">
						<div class="um-list-item-inner">
							<div class="um-list-item-left tr mr10">
								联系地址
							</div>
							<div class="um-list-item-right">
								<input type="text" class="form-control" value="XX小区" disabled>
							</div>
						</div>
					</li>
					<li class="um-list-item">
						<div class="um-list-item-inner">
							<div class="um-list-item-left tr mr10">
								联系电话
							</div>
							<div class="um-list-item-right">
								<input type="text" class="form-control" placeholder="请输入联系电话">
							</div>
						</div>
					</li>

					<li class="um-list-item">
						<div class="um-list-item-inner">
							<div class="um-list-item-left tr mr10">
								服务类型
							</div>
							<div class="um-list-item-right">
								<input type="text" class="form-control" placeholder="请选择服务类型">
							</div>
						</div>
					</li>
					<li class="um-list-item">
						<div class="um-list-item-inner">
							<div class="um-list-item-left tr mr10">
								备注信息
							</div>
							<div class="um-list-item-right">
								<textarea  cols="30" rows="1" class="form-control" placeholder="这里可以备注"></textarea>
							</div>
						</div>
					</li>
					
				</ul>
				<a href="#" class="popBtn btn mt30" style="width: 90%;margin-left:5%" id = "submit">发布</a>
				<a href="#" class="popBtn btn mt30 phone" style="width: 90%;margin-left:5%" data-target="actionsheet">拍照</a>
				<img id = "returnpicture" class="um-img-responsive mt20">
			</div>
		</div>
		<div class="um-page" id="wfyDetail">
			<div class="um-header">
				<a href="#" class="um-back">返回</a>
				<h3>物业服务</h3>
				<!-- <a href="#" class="um-header-right ti-save f20">提交</a> -->
			</div>
			<div id="main" class="um-content">
				<div class="um-listview-wrap" id="listview">
					<ul class="um-list um-no-active" data-bind="foreach:data">
						<li class="um-listview-row">
							<a href="#" class="um-list-item um-swipe-action um-no-icon">
							<div class="um-swipe-btns">
								<span class="um-swipe-btn um-delete ti-trash"></span>
							</div> <!--<div class="um-list-item-media">
							<img alt="" height=74 data-bind="attr:{src: img[0]}">
							</div>-->
							<div class="um-list-item-inner">
								<div class="um-list-item-body" style="padding:0 5px 0 5px;">
									<!--<div data-bind="text:title" class="fb f16 um-text-overflow"></div>
									<div>
									<span data-bind="text:detail" class="f14 um-gray listview-detail"
									style="height:40px;"></span>
									</div>
									<div class="f12 tr um-blue">
									<span data-bind="text:comments"></span><span class="ml5">跟帖</span>
									</div>-->
									<div class="clearfix f16">
										<div class="um-xs-6 tl um-text-overflow">
											<span class="fb">单号：</span><span class="fb" data-bind="text:title"></span>
										</div>
										<div class="um-xs-6 tr um-text-overflow um-red">
											<span>状态：</span>
											<span>已完成</span>
										</div>
									</div>
									<div class="clearfix mt5 f12">
										<div class="um-xs-6 tl um-text-overflow">
											<span class="um-gray">服务类型</span>
											<span class="um-gray">电路维修</span>

										</div>
										<div class="um-xs-6 tr um-text-overflow">
											<span class="um-gray">日期：</span>
											<span class="um-gray" data-bind="text:time">2015-07-27</span>
										</div>
									</div>
								</div>
							</div> </a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>